.staticpanel{
    background: none;
    border: #000 solid 0px;
    /*position: fixed;*/
    position: absolute;
    top: 130px;
    /*margin-top: 180px;*/
    width: 85px;
    right: 20px;
    padding: 5px;
    opacity: 100%;
    text-align: center;
    vertical-align: middle;
    color: #ffffff;
    font-family: arial;
    font-size: 9px;
    font-weight: bold;
    text-transform: uppercase;
}
.staticpanel-button{
    float: right;
    /*background: #666666;*/
    opacity: 0.8;
    /*border: solid 1px #666666;*/
    border-radius: 4px;
    /*padding-top: 15px;*/


       /* background-color: #666666;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        background: -webkit-radial-gradient(circle, #cccccc, #999999);*/

    filter : grayscale(70%);
    -moz-filter: grayscale(70%);
    -webkit-filter:grayscale(70%);
    -ms-filter:grayscale(70%);
    -o-filter:grayscale(70%);
}
.staticpanel-button:hover{
    opacity: 1;
    font-size: 11px;
    color: #ffff33;
    /*background: none;
    /*background: -webkit-radial-gradient(circle, #999999, #333333);
    /*padding-top: 15px;*/
    cursor: pointer;
    
    filter : grayscale(0%);
    -moz-filter: grayscale(0%);
    -webkit-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
}
#staticpanel-login{
    height: 45px;
    width: 50px;
    margin: 0 0 5px 0;
}
#staticpanel-login img{
    height: 35px;
    width: 45px;
    margin-top: 5px;
    opacity: 0.9;

    /*    filter : grayscale(90%);
        -moz-filter: grayscale(90%);
        -webkit-filter:grayscale(90%);
        -ms-filter:grayscale(90%);
        -o-filter:grayscale(90%);*/
}
#staticpanel-spend{
    height: 45px;
    width: 50px;
    margin: 0 0 5px 0;
}
#staticpanel-spend img{
    height: 35px;
    width: 45px;
    margin-top: 5px;
    opacity: 0.9;
}
#staticpanel-booking{
    height: 45px;
    width: 50px;
    margin: 0 0 5px 0;
}
#staticpanel-booking img{
    height: 35px;
    width: 45px;
    margin-top: 5px;
    opacity: 0.9;
}
#staticpanel-pay{
    height: 45px;
    width: 50px;
    margin: 0 0 5px 0;
}
#staticpanel-pay img{
    height: 35px;
    width: 45px;
    margin-top: 5px;
    opacity: 0.9;
}
#staticpanel-logout{
    height: 45px;
    width: 50px;
    margin: 0 0 5px 0;
}
#staticpanel-logout img{
    height: 35px;
    width: 45px;
    margin-top: 5px;
    opacity: 0.9;
}
#staticpanel-bot{
    height: 5px;
    width: 50px;
    border-radius: 0 0 10px 10px;
}
#staticpanel-top{
    height: 5px;
    width: 50px;
    margin: 0 0 5px 0;
    border-radius: 10px 10px 0 0;
}
.staticpanel-line{
    float: right;
    background: #666666;
    opacity: 0.5;
    /*border: solid 1px #666666;*/


    background-color: #666666;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    background: -webkit-radial-gradient(circle, #cccccc, #999999);
}
#staticpanel span{
    opacity: 0.9;
    color: #ffffff;
}
#staticpanel span:hover{
    cursor:pointer;
}
#staticpanel a{
    text-decoration: none;
}

